<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
            <!doctype html>
            <html>

            <head>
                <meta charset="utf-8">
                <title>书籍列表页</title>
                <link href="${pageContext.request.contextPath}/static/css/bookdetails-1.css" rel="stylesheet" type="text/css">
                <link href="${pageContext.request.contextPath}/static/css/list.css" rel="stylesheet" type="text/css">
                <script src="${pageContext.request.contextPath}/static/tool/jquery.js"></script>
                <!-- <script src="js/js.js"></script> -->
                <script src="${pageContext.request.contextPath}/static/js/bookdetails-1.js"></script>
                <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/index-2.css" />
                <script src="${pageContext.request.contextPath}/static/js/list.js"></script>
                <script src="${pageContext.request.contextPath}/static/js/list_1.js"></script>

            </head>

            <body>
                <jsp:include page="../common/head.jsp"></jsp:include>
                <!--头部结束-->


                <div class="box clear">
                    <div class="list">
                        <div class="tit">
                            <b>书名</b> <b>点赞数</b>
                        </div>
                        <ul class="con">
                            <c:forEach items="${ranking}" var="novel">
                                <li><span class="">
                        <img src="${pageContext.request.contextPath}/static/images/${novel.fileName}" width="40px" alt=""></span>
                                    <b> [ ${novel.authorName} ] </b>
                                    <a href="${pageContext.request.contextPath}/guest/book/${novel.id}/1" class="single">${novel.name}</a>
                                    <!-- <a href="javascript:;"><span><fmt:formatDate value="${novel.createTime}" pattern="yyyy-MM-dd"/></span></a> -->
                                    <a href="list_info.html">在线阅读</a>
<%--                                    <span class="mar_left">${novel.word}</span>--%>
                                    <span class="red mar_left glyphicon glyphicon-fire">
                            ${novel.likes}</span>
                                </li>
                            </c:forEach>

                        </ul>
                        <!--内容区-->


                    </div>
                    <div class="list2">
                        <div class="one">
                            <p>新书上架</p>
                            <div class="notice">
                                <ul>
                                    <c:forEach items="${newNovels}" var="novel">
                                        <li><a href="${pageContext.request.contextPath}/guest/book/${novel.id}/1">${novel.name}</a>
                                            <span class="pull-right"><fmt:formatDate value="${novel.createTime}" pattern="yyyy-MM-dd"/></span>
                                        </li>
                                    </c:forEach>
                                </ul>
                            </div>
                        </div>
                        <!--新书上架结束-->

                        <div class="two">
                            <p><a href="javascript:;" class="active">本周最热排行</a></p>
                            <ul class="active">
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">谢谢你曾来过我的世界</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                            </ul>
                            <ul>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">谢谢你曾来过我的世界</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">文化苦旅</a></li>
                                <li><a href="javascrip:;">谢谢你曾来过我的世界</a></li>
                            </ul>
                        </div>
                        <!--tab切换-->
                    </div>
                </div>

                <footer class="clear">

                </footer>

            </body>

            </html>